<html>
    <head>
        <title>Prop的类型</title>
    </head>
    <body>
        <script>
              // 二、Prop类型
                              // 到这里，我们只看到了一字符串数组形式列出的prop:

                              props: ['title', 'likes', 'isPublished', 'commentIds', 'author']

                                /*
                                    但是，通常你希望每个 prop都有指定的类型。
                                    这时，你可以以对象形式列出 prop,这些property 的名称和值分别是prop 各自的名称和类型：
                                */

                                    Vue.component('blog-post',{
                                        // 在 JavaScript中 是 camelCase的 (JS中使用小驼峰命名,在HTML中使用短横线命名)
                                        // 以对象的形式列出prop，对象的属性名是JS类型，这样相当于给组件做了个文档。
                                        
                                        template:'<h3>{{postTitle}}</h3>'
                                    })
                                    /*
                                        这样不仅为你的组件提供了文档，还会在它们遇到错误的类型时从浏览器的JavaScript控制台提示用户。
                                        你会在这页接下来的部分考到 "类型检查和其他 prop 验证"
                                    */

        </script>
    </body>
</html>